<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>神赐予我这种尴尬的超能力究竟有什么用？</title>
    <link rel="stylesheet" href="./css/sj3.css">
    <link rel="shortcut icon" href="./image/favicon.ico" type="image/x-icon">
</head>

<body>
    <div class="header box">
        <div class="header-container">
            <img src="https://s1.hdslb.com/bfs/manga-static/manga-pc/static/img/manga-logo.99e0a7fae4.png" alt="哔哩哔哩漫画"
                class="logo">
            <ul class="nav-list">
                <img src="./image/favicon.ico" alt="" width="5%" height="23px">
                <li><a href="./sj.html">主站</a></li>
                <li><a href="./yxt.html">首页</a></li>
                <li><a href="#">分类</a></li>
                <li><a href="#">更新</a></li>
                <li><a href="#">排行榜</a></li>
            </ul>
            <div class="search-box">
                <input type="text" placeholder="天官赐福">
            </div>
            <div class="header-actions">
                <a href="#">下载APP</a>
                <a href="./sj2.html">登录</a>
                <a href="#">注册</a>
                <a href="#" style="color: white; background: #00a1e4; padding: 6px 12px; border-radius: 4px;">投稿</a>
            </div>
        </div>
    </div>
    <div class="quanbu">
        <div class="quanbu">
            <div class="main-content">
                <div class="comic-info-container box">
                    <img src="https://i0.hdslb.com/bfs/manga-static/1a3da1c1cb863931532e60329e28ea56cfccd15e.jpg@310w.avif"
                        alt="漫画封面" class="comic-cover">
                    <div class="comic-info">
                        <h1>神赐予我这种尴尬的超能力究竟有什么用？</h1>
                        <div class="comic-meta">
                            <span>原著: 断哉潦神，西风动漫</span>
                            <span>都市</span>
                            <span>［完结］共123话</span>
                        </div>
                        <div class="comic-desc">
                            好奇怪的梦……"叮……"习惯性的拿起手机关闹钟，手机却噗的一声变成了美少女！我明白了……我的超能力就是……每天睡醒之后可以把右手碰触到的第一件物品变成美少女！
                        </div>
                        <div class="operate-btns">
                            <button class="start-read">开始阅读 第001话</button>
                            <button class="follow-btn">★ 追漫</button>
                        </div>
                    </div>
                </div>

                <div class="chapter-list box">
                    <h3>章节列表</h3>
                    <div class="chapter-filter">
                        <button class="filter-btn">1 - 50</button>
                        <button class="filter-btn">51 - 100</button>
                        <button class="filter-btn">101 - 150</button>
                    </div>
                    <div class="chapter-btns">
                        <button class="chapter-item">001 神秘的少女</button>
                        <button class="chapter-item">002 少女夜空</button>
                        <button class="chapter-item">003 糟糕！被妈妈发现了！</button>
                        <button class="chapter-item">004 夜空！这不能吃！</button>
                        <button class="chapter-item">005 接下来是……</button>
                        <button class="chapter-item">006 这还让人怎么睡得着啊</button>
                        <button class="chapter-item">007 邻家少女</button>
                        <button class="chapter-item">008 猫娘？喵娘？</button>
                        <button class="chapter-item">009 尾巴……不可以！</button>
                        <button class="chapter-item">010 猫的报"恩"</button>
                        <button class="chapter-item">011 被赋予生命的意义</button>
                        <button class="chapter-item">012 主人！我好想你啊！</button>
                        <button class="chapter-item">013 第一次约会</button>
                        <button class="chapter-item">014 那就开一间好了</button>
                        <button class="chapter-item">015 哥哥，夜空喜欢你！</button>
                        <button class="chapter-item">016 男生的胖子为什么是…</button>
                        <button class="chapter-item">017 主人你真好！</button>
                        <button class="chapter-item">018 主人，今晚就不回去…</button>
                        <button class="chapter-item">请假条 请假条</button>
                        <button class="chapter-item">019 第一次当英雄的感觉</button>
                        <button class="chapter-item">020 哥哥，好看吗？</button>
                        <button class="chapter-item">021 青梅VS手机</button>
                        <button class="chapter-item">022 车娘登场</button>
                        <button class="chapter-item">023 你能再陪我玩一次吗？</button>
                        <button class="chapter-item">001 神秘的少女</button>
                        <button class="chapter-item">002 少女夜空</button>
                        <button class="chapter-item">003 糟糕！被妈妈发现了！</button>
                        <button class="chapter-item">004 夜空！这不能吃！</button>
                        <button class="chapter-item">005 接下来是……</button>
                        <button class="chapter-item">006 这还让人怎么睡得着啊</button>
                        <button class="chapter-item">007 邻家少女</button>
                        <button class="chapter-item">008 猫娘？喵娘？</button>
                        <button class="chapter-item">009 尾巴……不可以！</button>
                        <button class="chapter-item">010 猫的报"恩"</button>
                        <button class="chapter-item">011 被赋予生命的意义</button>
                        <button class="chapter-item">012 主人！我好想你啊！</button>
                        <button class="chapter-item">013 第一次约会</button>
                        <button class="chapter-item">014 那就开一间好了</button>
                        <button class="chapter-item">015 哥哥，夜空喜欢你！</button>
                        <button class="chapter-item">016 男生的胖子为什么是…</button>
                        <button class="chapter-item">017 主人你真好！</button>
                        <button class="chapter-item">018 主人，今晚就不回去…</button>
                        <button class="chapter-item">请假条 请假条</button>
                        <button class="chapter-item">019 第一次当英雄的感觉</button>
                        <button class="chapter-item">020 哥哥，好看吗？</button>
                        <button class="chapter-item">021 青梅VS手机</button>
                        <button class="chapter-item">022 车娘登场</button>
                        <button class="chapter-item">023 你能再陪我玩一次吗？</button><button class="chapter-item">001
                            神秘的少女</button>
                        <button class="chapter-item">002 少女夜空</button>
                        <button class="chapter-item">003 糟糕！被妈妈发现了！</button>
                        <button class="chapter-item">004 夜空！这不能吃！</button>
                        <button class="chapter-item">005 接下来是……</button>
                        <button class="chapter-item">006 这还让人怎么睡得着啊</button>
                        <button class="chapter-item">007 邻家少女</button>
                        <button class="chapter-item">008 猫娘？喵娘？</button>
                        <button class="chapter-item">009 尾巴……不可以！</button>
                        <button class="chapter-item">010 猫的报"恩"</button>
                    </div>
                </div>

                <div class="recommend-side box" style="height: 680px;">
                    <h3 class="recommend-title">推荐漫画</h3>
                    <div class="recommend-item">
                        <img src="https://i0.hdslb.com/bfs/manga-static/90bb28c6b8dbb593739449c1f85e3fa5b5753afb.png@200w.avif"
                            alt="推荐漫画" class="rec-cover">
                        <div class="rec-desc">
                            <h4>天生媚骨的我被…</h4>
                            <span>二三玖陆工作室</span>
                            <span>奇幻</span>
                            <span>更新至060话</span>
                        </div>
                    </div>
                    <div class="recommend-item">
                        <img src="https://i0.hdslb.com/bfs/manga-static/d6c93ffeef213fb3749a1fce7696bc85bed87d32.png@200w.avif"
                            alt="推荐漫画" class="rec-cover">
                        <div class="rec-desc">
                            <h4>我的假女友正全…</h4>
                            <span>原著: 四处置花 SF轻小…</span>
                            <span>都市</span>
                            <span>更新至169话</span>
                        </div>
                    </div>
                    <div class="recommend-item">
                        <img src="https://i0.hdslb.com/bfs/manga-static/3115c319db10b86e6b8a22bad6276d850bdbe337.png@200w.avif"
                            alt="推荐漫画" class="rec-cover">
                        <div class="rec-desc">
                            <h4>满级穿越的我为…</h4>
                            <span>二三玖陆工作室 蜜梦包…</span>
                            <span>奇幻</span>
                            <span>更新至33话</span>
                        </div>
                    </div>
                    <div class="recommend-item">
                        <img src="https://i0.hdslb.com/bfs/manga-static/3ea002770ef37aadb5b3497806b2062ecf50ab8a.png@200w.avif"
                            alt="推荐漫画" class="rec-cover">
                        <div class="rec-desc">
                            <h4>奉旨出轨</h4>
                            <span>爱逗喵工作室</span>
                            <span>玄幻</span>
                            <span>更新至16话</span>
                        </div>
                    </div>
                    <div class="recommend-item">
                        <img src="https://i0.hdslb.com/bfs/manga-static/3ea002770ef37aadb5b3497806b2062ecf50ab8a.png@200w.avif"
                            alt="推荐漫画" class="rec-cover">
                        <div class="rec-desc">
                            <h4>满级穿越的我为…</h4>
                            <span>二三玖陆工作室 蜜梦包…</span>
                            <span>奇幻</span>
                            <span>更新至33话</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="comment-item">
            <div class="cmt-box">
                <div class="cmt-header">
                    <span class="cmt-title">评论</span>
                    <span class="cmt-count">3958</span>
                    <a href="#" class="tab-a">最热</a> |
                    <a href="#" class="tab-a">最新</a>
                </div>
                <div class="cmt-body">
                    <div class="cmt-avatar"> <img
                            src="https://i0.hdslb.com/bfs/face/member/noface.jpg@160w_160h_1c_1s_!web-avatar-comment.avif"
                            alt="" width="40px"></div>
                    <div class="cmt-input">

                        <input type="text" placeholder="请先">
                        <span class="tip">登录</span>
                        <a href="#" class="login">登录</a>
                        <span class="tip">后发表评论(·ω·)</span>
                    </div>
                </div>
            </div>
            <div class="user-info">
                <img src="https://i0.hdslb.com/bfs/face/e54c8b9f41e335aa5cf82c011aad55dd53dd6146.jpg@160w_160h_1c_1s_!web-avatar-comment.avif"
                    class="user-avatar" alt="用户头像" width="40px">
                <span class="user-name">八方目</span>
                <span>LV5</span>
            </div>
            <div class="comment-content">
                潦神你太惨了啊(●__●)
            </div>
            <div class="comment-time">2020-02-07 13:46</div>
            <div class="interaction">
                <span>👍 413</span>
                <span>💬 回复</span>
            </div>
        </div>

        <div class="comment-item">
            <div class="user-info">
                <img src="https://i0.hdslb.com/bfs/face/e54c8b9f41e335aa5cf82c011aad55dd53dd6146.jpg@160w_160h_1c_1s_!web-avatar-comment.avif"
                    class="user-avatar" alt="用户头像" width="40px">
                <span class="user-name">断哉潦神</span>
                <span>LV6</span>
            </div>
            <div class="comment-content">
                回复 @SMQT : ( ˘ω˘ )✩谁叫我当年太年轻，被一忽悠就签了版权转让协议
            </div>
            <div class="comment-time">2020-02-14 10:26</div>
            <div class="interaction">
                <span>👍 401</span>
                <span>💬 回复</span>
            </div>

        </div>
        <div class="comment-item">
            <div class="user-info">
                <img src="https://i0.hdslb.com/bfs/face/e54c8b9f41e335aa5cf82c011aad55dd53dd6146.jpg@160w_160h_1c_1s_!web-avatar-comment.avif"
                    class="user-avatar" alt="用户头像" width="40px">
                <span class="user-name">断哉潦神</span>
                <span>LV6</span>
            </div>
            <div class="comment-content">
                回复 @SMQT : ( ˘ω˘ )✩谁叫我当年太年轻，被一忽悠就签了版权转让协议
            </div>
            <div class="comment-time">2020-02-14 10:26</div>
            <div class="interaction">
                <span>👍 401</span>
                <span>💬 回复</span>
            </div>
        </div>
        <div class="comment-item">
            <div class="user-info">
                <img src="https://i0.hdslb.com/bfs/face/e54c8b9f41e335aa5cf82c011aad55dd53dd6146.jpg@160w_160h_1c_1s_!web-avatar-comment.avif"
                    class="user-avatar" alt="用户头像" width="40px">
                <span class="user-name">断哉潦神</span>
                <span>LV6</span>
            </div>
            <div class="comment-content">
                回复 @SMQT : ( ˘ω˘ )✩谁叫我当年太年轻，被一忽悠就签了版权转让协议
            </div>
            <div class="comment-time">2020-02-14 10:26</div>
            <div class="interaction">
                <span>👍 401</span>
                <span>💬 回复</span>
            </div>
        </div>
        <div class="comment-item">
            <div class="user-info">
                <img src="https://i0.hdslb.com/bfs/face/e54c8b9f41e335aa5cf82c011aad55dd53dd6146.jpg@160w_160h_1c_1s_!web-avatar-comment.avif"
                    class="user-avatar" alt="用户头像" width="40px">
                <span class="user-name">断哉潦神</span>
                <span>LV6</span>
            </div>
            <div class="comment-content">
                回复 @SMQT : ( ˘ω˘ )✩谁叫我当年太年轻，被一忽悠就签了版权转让协议
            </div>
            <div class="comment-time">2020-02-14 10:26</div>
            <div class="interaction">
                <span>👍 401</span>
                <span>💬 回复</span>
            </div>
        </div>
        <div class="comment-item">
            <div class="user-info">
                <img src="https://i0.hdslb.com/bfs/face/e54c8b9f41e335aa5cf82c011aad55dd53dd6146.jpg@160w_160h_1c_1s_!web-avatar-comment.avif"
                    class="user-avatar" alt="用户头像" width="40px">
                <span class="user-name">断哉潦神</span>
                <span>LV6</span>
            </div>
            <div class="comment-content">
                回复 @SMQT : ( ˘ω˘ )✩谁叫我当年太年轻，被一忽悠就签了版权转让协议
            </div>
            <div class="comment-time">2020-02-14 10:26</div>
            <div class="interaction">
                <span>👍 401</span>
                <span>💬 回复</span>
            </div>
        </div>
        <div class="comment-item">
            <div class="user-info">
                <img src="https://i0.hdslb.com/bfs/face/e54c8b9f41e335aa5cf82c011aad55dd53dd6146.jpg@160w_160h_1c_1s_!web-avatar-comment.avif"
                    class="user-avatar" alt="用户头像" width="40px">
                <span class="user-name">断哉潦神</span>
                <span>LV6</span>
            </div>
            <div class="comment-content">
                回复 @SMQT : ( ˘ω˘ )✩谁叫我当年太年轻，被一忽悠就签了版权转让协议
            </div>
            <div class="comment-time">2020-02-14 10:26</div>
            <div class="interaction">
                <span>👍 401</span>
                <span>💬 回复</span>
            </div>
        </div>
        <div style="width: 1684; height: 50px;">
        </div>
        <div class="container">
            <div class="top-section">
                <div class="left-section">
                    <img src="https://s1.hdslb.com/bfs/manga-static/manga-pc/static/img/bilibili-manga.99e0a7fae4.png"
                        alt="哔哩哔哩漫画logo" class="logo">
                    <h1 style="font-size: 24px; color: #fff;">哔哩哔哩漫画</h1>
                </div>
                <div class="nav-column">
                    <a href="#">关于我们</a>
                    <a href="#">联系我们</a>
                    <a href="#">友情链接</a>
                    <a href="#">加入我们</a>
                </div>
                <div class="social-group">
                    <div class="social-icon">
                        <a href="#" class="icon b站-icon">
                            <img src=""
                                alt="B站官号" style="width: 80px; height: 80px;">
                        </a>
                        <p style="margin-top: 8px; color: #ccc;">B站官号</p>
                        <span
                            style="background: #ff69b4; color: #fff; padding: 2px 8px; border-radius: 4px; margin-top: 4px; display: block;">关注即送券</span>
                    </div>
                    <div class="social-icon">
                        <a href="#" class="icon 微博-icon">
                            <img src=""
                                alt="新浪微博" style="width: 80px; height: 80px;">
                        </a>
                        <p style="margin-top: 8px; color: #ccc;">新浪微博</p>
                    </div>
                    <div class="social-icon">
                        <a href="#" class="icon 下载-icon">
                            <img src=""
                                alt="下载" style="width: 80px; height: 80px;">
                        </a>
                        <p style="margin-top: 8px; color: #ccc;">下载bilibili漫画客户端</p>
                    </div>
                </div>
            </div>
            <div class="footer-text">

                <p>互联网 ICP 备案：沪 ICP备13002172 号 - 3 | 网络文化经营许可证：沪网文 [2019]3804-274 号</p>
                <p>沪公网安备：31011002002436 | 增值电信业务经营许可证 沪 B2-20100043 | 资质证照</p>
                <img src=""
                    alt="合作机构" width="150px">
                <img src=""
                    alt="看看新闻" width="150px">
                <p>12345 政务服务便民热线 | 上海市互联网违法和不良信息举报中心</p>
                <p>上海宽娱数码科技有限公司 | 地址：上海市杨浦区政立路489号 | 电话：021-25099888</p>
            </div>
            <div class="cooperative">

            </div>
        </div>
    </div>
    </div>
    <div class="chebian">
        <img src="./image/6ab85fe7-cb9b-4913-80ce-3ed380ad47a8.jpg" alt="">
        <div class="div2">
            <a href="./yxt.html"><div class="top1"><img
                    src=""
                    alt="">去首页</div></a>
            <div class="top1"><img
                    src=""
                    alt="">置顶</div>
            <div class="top1"><img
                    src=""
                    alt="">下载app</div>

        </div>
    </div>

</body>

</html>